<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:p="http://primefaces.org/ui">
	
	<p:dialog id="popUpNuevoPagoContrato" header="#{i18n['erp.despacho.contrato.pago.registrar']}" resizable="false" draggable="false"
		widgetVar="dlgNuevoPagoContrato" modal="true" width="500" minWidth="500" appendTo="@(body)">
		<p:scrollPanel style="height:500px" mode="native">
		<h:form id="formNuevoPagoContrato" styleClass="formulario">
			
			<p:panel id="pnlNuevoPagoContrato">
				<table class="formulario">
						
					<tr>
						<td width="30%">
							<h:outputLabel for="txtCi" value="#{i18n['erp.despacho.contrato.cedula']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtCi" style="width: 70%" 
								   value="#{pagoContratoDataManager.contratoListDTO.perCi}" disabled="#{pagoContratoDataManager.desactivado}">
							<f:validator validatorId="ec.edu.uce.erp.web.validador.CedulaValidator" />
							<p:ajax event="blur"  listener="#{pagoContratoController.buscarContrato}" process="@this" update="txtCi,txtNombres,txtApellidos,txtCiBen,txtNombresBen,txtApellidosBen, txtFechaInicio,txtFechaFinalizacion,txtNumNicho,txtSeccionNicho,txtTipoNicho,txtNivelNicho,txtMesesArrend,txtMesesArrendPen,txtFormaPago,txtObs,txtValorMes,txtValorTotal,txtFechaPago,txtMesesPago,txtMontoPagar"/>
						</p:inputText>
						</td>	
					</tr>
											
						<tr>
						<td width="30%">
							<h:outputLabel for="txtNombres" value="#{i18n['erp.despacho.contrato.nombres']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtNombres" label="#{i18n['erp.despacho.contrato.nombres']}" style="width: 70%"
							value="#{pagoContratoDataManager.contratoListDTO.perNombres}"  disabled="#{pagoContratoDataManager.desactivado}" readonly="true"/>
						</td>
					</tr>
					<tr>
						<td width="30%">
							<h:outputLabel for="txtApellidos" value="#{i18n['erp.despacho.contrato.apellidos']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtApellidos" label="#{i18n['erp.despacho.contrato.apellidos']}" style="width: 70%" 
							value="#{pagoContratoDataManager.contratoListDTO.perApellidos}"  disabled="#{pagoContratoDataManager.desactivado}" readonly="true"/>
						</td>
					</tr>
					
					<tr>
						<td width="30%">
							<h:outputLabel for="txtCiBen" value="#{i18n['erp.despacho.contrato.cedula.beneficiario']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtCiBen" style="width: 70%" 
								 required="true" value="#{pagoContratoDataManager.contratoListDTO.benCi}"  disabled="#{pagoContratoDataManager.desactivado}" readonly="true">
							<f:validator validatorId="ec.edu.uce.erp.web.validador.CedulaValidator"  />
						</p:inputText>
						</td>	
					</tr>
											
						<tr>
						<td width="30%">
							<h:outputLabel for="txtNombresBen" value="#{i18n['erp.despacho.contrato.nombres.beneficiario']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtNombresBen" label="#{i18n['erp.despacho.contrato.nombres']}" style="width: 70%"
							value="#{pagoContratoDataManager.contratoListDTO.benNombres}"  disabled="#{pagoContratoDataManager.desactivado}" readonly="true"/>
						</td>
					</tr>
					<tr>
						<td width="30%">
							<h:outputLabel for="txtApellidosBen" value="#{i18n['erp.despacho.contrato.apellidos.beneficiario']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtApellidosBen" label="#{i18n['erp.despacho.contrato.apellidos']}" style="width: 70%" 
							value="#{pagoContratoDataManager.contratoListDTO.benApellidos}"  disabled="#{pagoContratoDataManager.desactivado}" readonly="true"/>
						</td>
					</tr>
					
					<tr>
						<td width="30%">
							<h:outputLabel for="txtFechaInicio" value="#{i18n['erp.despacho.contrato.fecha.inicio']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtFechaInicio" label="#{i18n['erp.despacho.contrato.fecha.inicio']}" style="width: 70%" 
							value="#{fn:substring(pagoContratoDataManager.contratoListDTO.conFechaInicio,0,10)}"  disabled="#{pagoContratoDataManager.desactivado}" readonly="true"/>
						</td>
					</tr>
					
					<tr>
						<td width="30%">
							<h:outputLabel for="txtFechaFinalizacion" value="#{i18n['erp.despacho.contrato.fecha.fin']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtFechaFinalizacion" label="#{i18n['erp.despacho.contrato.fecha.fin']}" style="width: 70%" 
							value="#{fn:substring(pagoContratoDataManager.contratoListDTO.conFechaFin,0,10)}"  disabled="#{pagoContratoDataManager.desactivado}" readonly="true"/>
						</td>
					</tr>
					
					<tr>
						<td width="30%">
							<h:outputLabel for="txtNumNicho" value="#{i18n['erp.despacho.contrato.numero.nicho']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtNumNicho" label="#{i18n['erp.despacho.contrato.numero.nicho']}" style="width: 70%" 
							value="#{pagoContratoDataManager.contratoListDTO.nicDescripcion}" disabled="#{pagoContratoDataManager.desactivado}" readonly="true"/>
						</td>
					</tr>
					
					<tr>
						<td width="30%">
							<h:outputLabel for="txtSeccionNicho" value="#{i18n['erp.despacho.contrato.seccion.nicho']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtSeccionNicho" label="#{i18n['erp.despacho.contrato.seccion.nicho']}" style="width: 70%" 
							value="#{pagoContratoDataManager.contratoListDTO.seccion}" disabled="#{pagoContratoDataManager.desactivado}" readonly="true"/>
						</td>
					</tr>
					
					<tr>
						<td width="30%">
							<h:outputLabel for="txtTipoNicho" value="#{i18n['erp.despacho.contrato.tipo.nicho']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtTipoNicho" label="#{i18n['erp.despacho.contrato.tipo.nicho']}" style="width: 70%" 
							value="#{pagoContratoDataManager.contratoListDTO.tniDescripcion}" disabled="#{pagoContratoDataManager.desactivado}" readonly="true"/>
						</td>
					</tr>
							
					<tr>
						<td width="30%">
							<h:outputLabel for="txtNivelNicho" value="#{i18n['erp.despacho.contrato.nivel.nicho']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtNivelNicho" label="#{i18n['erp.despacho.contrato.nivel.nicho']}" style="width: 70%" 
							value="#{pagoContratoDataManager.contratoListDTO.nniDescripcion}" disabled="#{pagoContratoDataManager.desactivado}" readonly="true"/>
						</td>
					</tr>			
				
					<tr>
						<td width="30%">
							<h:outputLabel for="txtMesesArrend" value="#{i18n['erp.despacho.contrato.meses.arrendamiento.total']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtMesesArrend" style="width: 70%" 
								 label="#{i18n['erp.despacho.contrato.meses.arrendamiento.total']}" value="#{pagoContratoDataManager.contratoListDTO.conMesesArrendamiento}"
								 readonly="true"  disabled="#{pagoContratoDataManager.desactivado}" >
						</p:inputText>
						</td>	
					</tr>
					<tr>
						<td width="30%">
							<h:outputLabel for="txtMesesArrendPen" value="#{i18n['erp.despacho.contrato.meses.arrendamiento.pago.pendiente']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtMesesArrendPen" style="width: 70%" 
								 label="#{i18n['erp.despacho.contrato.meses.arrendamiento.pago.pendiente']}" value="#{pagoContratoDataManager.contratoListDTO.conMesesPorPagar}"
								 readonly="true"  disabled="#{pagoContratoDataManager.desactivado}" >
						</p:inputText>
						</td>	
					</tr>
					<tr>
						<td width="30%">
							<h:outputLabel for="txtValorMes" value="#{i18n['erp.despacho.contrato.valor.mes']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtValorMes" label="#{i18n['erp.despacho.contrato.valor.mes']}" style="width: 70%" readonly="true"
							value="#{pagoContratoDataManager.contratoListDTO.conValorMes}"  disabled="#{pagoContratoDataManager.desactivado}" />
						</td>
					</tr>
					
					<tr>
						<td width="30%">
							<h:outputLabel for="txtValorTotal" value="#{i18n['erp.despacho.contrato.pago.valor.total']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtValorTotal" label="#{i18n['erp.despacho.contrato.pago.valor.total']}" style="width: 70%" readonly="true"
							value="#{pagoContratoDataManager.contratoListDTO.conValorTotal}"  disabled="#{pagoContratoDataManager.desactivado}" />
						</td>
					</tr>
					
					<tr>
						<td width="30%">
							<h:outputLabel for="txtFormaPago" value="#{i18n['erp.despacho.contrato.forma.pago']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtFormaPago"  label="#{i18n['erp.despacho.contrato.forma.pago']}" style="width: 70%" 
							value="#{pagoContratoDataManager.contratoListDTO.catDescripcion}" disabled="#{pagoContratoDataManager.desactivado}"   readonly="true"/>
						</td>
					</tr>
									
					
					<tr>
						<td width="30%">
							<h:outputLabel for="txtObs" value="#{i18n['erp.despacho.contrato.observacion']}" />
						</td>
						<td width="70%">
							<p:inputTextarea id="txtObs" style="width: 70%" 
								 label="#{i18n['erp.despacho.contrato.observacion']}"
								 value="#{pagoContratoDataManager.contratoListDTO.conObservacion}" disabled="#{pagoContratoDataManager.desactivado}"  readonly="true">
						</p:inputTextarea>
						</td>	
					</tr>

					<tr>
						<td width="30%">
							<h:outputLabel for="txtFechaPago" value="#{i18n['erp.despacho.contrato.pago.fecha.pago']}" />
						</td>
						<td width="70%">
							<p:calendar id="txtFechaPago" style="width: 70%" navigator="true"   showOn="button" required="true" label="#{i18n['erp.despacho.contrato.pago.fecha.pago']}"
							value="#{pagoContratoDataManager.fechaPago}" disabled="#{pagoContratoDataManager.desactivado}" />
						</td>
					</tr>
					
					<tr>
						<td width="30%">
							<h:outputLabel for="txtMesesPago" value="#{i18n['erp.despacho.contrato.pago.meses']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtMesesPago" label="#{i18n['erp.despacho.contrato.pago.meses']}" style="width: 70%" required="true" onkeypress="return NumCheck(event,this)"
							value="#{pagoContratoDataManager.pagoDTO.pagMesesPagados}">
							<p:ajax event="blur" update="txtMontoPagar,txtMesesPago" listener="#{pagoContratoController.calcularValorPagar}" process="@this,txtMesesArrend"  disabled="#{pagoContratoDataManager.desactivado}" />
							</p:inputText>
						</td>
					</tr>
					
					<tr>
						<td width="30%">
							<h:outputLabel for="txtMontoPagar" value="#{i18n['erp.despacho.contrato.pago.monto']}" />
						</td>
						<td width="70%">
							<p:inputText id="txtMontoPagar" label="#{i18n['erp.despacho.contrato.pago.monto']}" style="width: 70%"
							value="#{pagoContratoDataManager.pagoDTO.pagValorPagado}" disabled="#{pagoContratoDataManager.desactivado}" readonly="true"/>
						</td>
					</tr>
									
				</table>
			</p:panel>
			<p:panel id="pnlBotones">
				<p:commandButton id="btnGuardar" value="#{i18n['label.guardar']}"
					actionListener="#{pagoContratoController.registrarPagoContrato}"
					process="@this,pnlNuevoPagoContrato" update="pnlNuevoPagoContrato,:formPagoContrato:pnlMessages,:formPagoContrato:tablaPagoContrato,:formNuevoPagoContrato:pnlBotones" disabled="#{pagoContratoDataManager.desactivado}"   />
				<p:commandButton value="#{i18n['label.cancelar']}" onclick="dlgNuevoPagoContrato.hide()" type="button" />
				<p:commandButton value="#{i18n['label.exportar.pdf']}" actionListener="#{pagoContratoController.exportarPdf1}" icon="exportPdf" ajax="false"
				disabled="#{pagoContratoDataManager.exportDesactivado}" oncomplete="if (args &amp;&amp; !args.validationFailed) dlgNuevoPagoContrato.hide()"/>
			</p:panel>
		</h:form>
		</p:scrollPanel>
	</p:dialog>
	
</ui:composition>